<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>学习强国</title>
    <link rel="stylesheet" type="text/css" href="test.min.css">
    <link rel="stylesheet"  href="test.css"/>
</head>
<body>
    
    <div class="header">
        <div class="le">学习强国</div>
        <input type="text" placeholder="开学第一课">
        <div class="shuxian">|</div>
        <div class="mine">我的</div>
    </div>
    <div class="top_bar">
        <div class="top_menu_list">
            <a class="btn cur" href="#">推荐</a>
            <a class="btn" href="#">要问</a>
            <a class="btn" href="#">思想</a>
            <a class="btn" href="#">北京</a>
            <a class="btn" href="#">综合</a>
            <a class="btn" href="#">县级融媒</a>
            <a class="btn" href="#">实播中国</a>
            <a class="btn" href="#">快闪</a>
            <a class="btn" href="#">发布</a>
            <a class="btn" href="#">青春中国</a>
            <a class="btn" href="#">法治中国</a>
            <a class="btn" href="#">建党</a>
            <a class="btn" href="#">订阅</a>
        </div>
    </div>
    <div class="content_list">
        <section class="section_item">
            <div class="item_detail">
                <h3 class="title">大学生为什么要学习党章|
                "党章是党的章程，它是一个政党为实现党的纲领、开展正规活动、规定党内事务所规定的根本法则，
                    适当赖以建立和活动的法规体系的基础，是党的各级组织和全体党员必须遵守的基本…</h3>
                <span class="zhiding">置顶</span>
                <span>新华社</span>
                <span>评论2373</span>
                <span>2分钟前</span>
            </div>
            <hr />
        </section>
        <section class="section_item">
            <div class="item_detail">
                <h3 class="title">大学生为什么要学习党章
                上游疫情严重？每个人都是自己健康的第一责任人。众志成城，科学应对，群众群控，战胜疫情，
                    配合疫情防控工作是每个居民义不容辞的责任，全县人民拧成一股绳，同心抗疫。。</h3>
                <span class="hot">热</span>
                <span>央视网</span>
                <span>评论28973</span>
                <span>10分钟前</span>
            </div>
            <hr />
        </section>
        <section class="image_item">
            <div class="item_detail">
                <h3 class="title">疫情下高考学子砥砺前行？考试难度上升？</h3>
                <img src="img/01.PNG"/>
                <span class="hot">热</span>
                <span>金华新闻</span>
                <span>评论23734545</span>
                <span>13分钟前</span>
            </div>
            <hr />
        </section>
        <section class="ad_item">
            <div class="item_detail">
                <h3 class="title">疫情疫苗</h3>
                <img src="img/02.PNG"/>
                <span class="ad">广告</span>
                <span>人民日报</span>
                <span>评论23</span>
                <span>20分钟前</span>
            </div>
        </section>
    </div>
</body>
</html>